<script lang="ts">
    import { Button, type ButtonProps } from "$lib/components/ui/button";
    import clsx from "clsx";

    let props: ButtonProps = $props();
    let { onclick } = props;
</script>

<Button
    {...props}
    onclick={(e: any) => {
        e.stopPropagation();
        onclick && onclick(e);
    }}
    class={clsx("hover:text-orange-500", props.class)}
    variant="ghost"
    size="icon"
/>
